// pages/theatre/theatre.js
// 引入 QQMapWX
const QQMapWX = require('../../libs/qqmap-wx-jssdk')
const qqmapsdk = new QQMapWX({
  key: 'A7CBZ-FZ73U-PUPV7-BINEG-ICD57-KAB6J'//申请的腾讯位置服务秘钥
})

Page({

  /**
   * 页面的初始数据
   */
  data: {
    cityname: '未选择', // 城市名称
    theatreList: [] // 保存当前影院列表
  },
  
  /** 点击列表项后执行 */
  tapItem(event){
    let index = event.currentTarget.dataset.index;
    console.log(index);
    let t = this.data.theatreList[index];
    // 打开地图
    wx.openLocation({
      latitude: t.location.lat,
      longitude: t.location.lng,
      scale: 13,
      name: t.title,
      address: t.address
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {


  },

  onShow(){
    // 更新城市名称，去globalData中寻找cityname
    this.setData({
      cityname: getApp().globalData.cityname
    })
    // 自动搜索周边影院
    qqmapsdk.search({
      keyword: '影院',
      region: this.data.cityname,
      page_size: 20,
      success: (res)=>{
        console.log(res)
        // 将结果存入data.theatreList中，列表渲染
        // 处理一下res.data中的距离数据，保留两位小数
        res.data.forEach(item=>{
          let s = (item._distance/1000).toFixed(2)
          item._km = s
        })

        this.setData({
          theatreList: res.data
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})